<template>
  <div>
    <h1>App:{{ count }}</h1>
    <Header
      :count="count"
      a="1"
      :changeCount="changeCount"
      @changeNum="changeNum"
    />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "App",
});
</script>

<script setup lang="ts">
import Header from "./components/Header/index.vue";
import { ref } from "vue";
const count = ref(0);
const changeCount = () => {
  count.value++;
};
const changeNum = (value: number) => {
  count.value += value;
};
</script>

<style scoped></style>
